<!DOCTYPE html>
<html>
    <head>
        <title>Bootstrap 模板</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <script src="js/jquery-1.11.1.min.js">
        </script>
        <script src="js/bootstrap.min.js">
        </script>
        <!--[if lt IE 9]>
            <script src="js/html5shiv.js"></script>
            <script src="js/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <nav class="navbar navbar-default">
            <div class="container">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">点餐系统</a>
                </div>
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">订单管理 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="#">哎呦</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">菜品管理 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="#">我去</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">餐桌管理 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="#">Action</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">登录管理 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li>
                                    <a href="#">Action</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        <form class="col-md-3 col-sm-4">
            <form class="navbar-form navbar-left form-inline" role="search">
                <div class="col-xs-12">
                    <div class="form-group">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="搜索">
                            <div class="input-group-addon btn btn-default">
                                <span class="glyphicon glyphicon-search"></span>
                            </div>
                        </div>
                    </div>
                    <div class="list-group">
                        <a class="list-group-item">万兴居</a>
                        <a class="list-group-item">兰香梅</a>
                        <a class="list-group-item">啥玩儿</a>
                    </div>
                </div>
            </form>
            <form class="col-md-9 col-sm-8 form-inline">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="panel panel-primary">
                            <div class="panel-heading">
                                <div class="panel-title">
                                    <span class="glyphicon glyphicon-ok"></span>兰香梅—已选菜品<span class="col-md-offset-8"></span>
                                    <button class="btn btn-warning"> 结账<span class="badge">64元
									</span><!--   一个按钮                        灰标-->
                                    </button>
                                </div>
                            </div>
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-xs-12 col-md-4 col-sm-6">
                                        <div class="thumbnail">
                                            <img src="777.jpg"/>
                                            <div class="caption"> 红烧肉32元
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-12 col-md-4 col-sm-6">
                                        <div class="thumbnail">
                                            <img src="777.jpg"/>
                                            <div class="caption"> 红烧肉32元
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12">
                        <div class="panel panel-primary">
                            <div class="panel-heading">
                                <div class="panel-title  clearfix ">
                                    <div class="col-xs-8">
                                        <span class="glyphicon glyphicon-th-list"></span>可选菜品
                                    </div>
                                    <div class="col-xs-4">
                                        <div class="form-group form-inline">
                                            <div class="input-group">
                                                <input type="text" class="form-control" placeholder="搜索">
                                                <div class="input-group-addon btn btn-default">全部<span class="caret"></span>
                                                </div>
                                                <div class="input-group-addon btn btn-default">
                                                    <span class="glyphicon glyphicon-search"></span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-xs-4">
                                        <div class="thumbnail">
                                            <img src="777.jpg"/>
                                            <div class="caption">红烧肉32元
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-4">
                                        <div class="thumbnail">
                                            <img src="777.jpg"/>
                                            <div class="caption">红烧肉32元
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-4">
                                        <div class="thumbnail">
                                            <img src="777.jpg"/>
                                            <div class="caption">红烧肉32元
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
            </body>
        </html>
